<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 84 72"
  width="200"
  height="200"
  {...$$restProps}
  stroke="none"
  fill="none"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <g class="ellipse-group-1" style="mix-blend-mode:soft-light; transform-origin: 50% 50%;">
    <ellipse
      cx="42.062"
      cy="36.0878"
      rx="39.1944"
      ry="22.2918"
      transform="rotate(120.297 42.062 36.0878)"
      fill="url(#paint0_linear_91_3275)"
    />
    <ellipse
      cx="42.062"
      cy="36.0878"
      rx="39.1944"
      ry="22.2918"
      transform="rotate(120.297 42.062 36.0878)"
      stroke="url(#glow_gradient)"
      stroke-width="1.5"
    />
  </g>
  <g class="ellipse-group-2" style="mix-blend-mode:soft-light; transform-origin: 50% 50%;">
    <ellipse
      cx="39.8458"
      cy="36.3953"
      rx="39.1944"
      ry="22.2918"
      fill="url(#paint1_radial_91_3275)"
      fill-opacity="0.8"
    />
    <ellipse
      cx="39.8458"
      cy="36.3953"
      rx="39.1944"
      ry="22.2918"
      stroke="url(#glow_gradient)"
      stroke-width="1.5"
    />
  </g>
  <g class="ellipse-group-3" style="mix-blend-mode:soft-light; transform-origin: 50% 50%;">
    <ellipse
      cx="39.8415"
      cy="36.4066"
      rx="39.1944"
      ry="22.2918"
      transform="rotate(57.5484 39.8415 36.4066)"
      fill="url(#paint2_radial_91_3275)"
      fill-opacity="0.85"
    />
    <ellipse
      cx="39.8415"
      cy="36.4066"
      rx="39.1944"
      ry="22.2918"
      transform="rotate(57.5484 39.8415 36.4066)"
      stroke="url(#glow_gradient)"
      stroke-width="1.5"
    />
  </g>
  <defs>
    <linearGradient
      id="paint0_linear_91_3275"
      x1="42.9973"
      y1="15.1041"
      x2="39.6601"
      y2="59.3459"
      gradientUnits="userSpaceOnUse"
    >
      <stop stop-color="#F1B36A" />
      <stop offset="0.348958" stop-color="#D54876" />
      <stop offset="0.71875" stop-color="#62175D" />
      <stop offset="0.859375" stop-color="#250431" />
      <stop offset="0.984375" stop-color="black" />
    </linearGradient>
    <radialGradient
      id="paint1_radial_91_3275"
      cx="0"
      cy="0"
      r="1"
      gradientUnits="userSpaceOnUse"
      gradientTransform="translate(47.941 83.3123) rotate(-91.93) scale(76.2513 134.068)"
    >
      <stop offset="0.520833" stop-color="black" />
      <stop offset="0.614583" stop-color="#7D3079" />
      <stop offset="0.739583" stop-color="#E642DD" />
      <stop offset="0.885417" stop-color="#EEA8B6" />
    </radialGradient>
    <radialGradient
      id="paint2_radial_91_3275"
      cx="0"
      cy="0"
      r="1"
      gradientUnits="userSpaceOnUse"
      gradientTransform="translate(44.5115 70.2305) rotate(-91.6106) scale(61.8326 108.717)"
    >
      <stop offset="0.291667" stop-color="black" />
      <stop offset="0.515625" stop-color="#490CAB" />
      <stop offset="0.75" stop-color="#C63AF8" />
      <stop offset="0.911458" stop-color="#FFB6F7" />
    </radialGradient>
    <linearGradient id="glow_gradient" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#FF47DB">
        <animate
          attributeName="stop-color"
          values="#FF47DB; #EC3879; #9F55E1; #9B33F2; rgba(0, 127, 194, 0.59); #FF47DB"
          dur="10s"
          repeatCount="indefinite"
        />
      </stop>
      <stop offset="100%" stop-color="rgba(255, 255, 255, 0)">
        <animate
          attributeName="stop-color"
          values="rgba(255, 255, 255, 0); rgba(255, 255, 255, 0.59); rgba(255, 255, 255, 0.4); rgba(255, 255, 255, 0.59); rgba(255, 255, 255, 0); rgba(255, 255, 255, 0)"
          dur="10s"
          repeatCount="indefinite"
        />
      </stop>
    </linearGradient>
  </defs>
</svg>
